<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>畅销书排行榜</title>
		<link rel="icon" href="img/favicon.ico" />
		<style >
			#we{width:300px ;
			background:linear-gradient(#F9FBCB,#F8F8F3) ;}
			p{background-color: #518700; line-height: 30px;
			text-indent: 1em; color: #ffffff; 
			font-size: 16px; font-weight: bold;margin-top: 0px;
			background:#518700 url(img/bang.gif) 100px no-repeat ;}
			ul{list-style: none;margin-left: 20px; }
			
			a{text-decoration: none;color:#1a66b3;font-size: 12px;line-height:28px;}
			a:hover{text-decoration: underline;}
		
			ul li:nth-of-type(1){background:url(img/book_no01.gif) 
			center left no-repeat;text-indent: 1.5em;}
			ul li:nth-of-type(2){background:url(img/book_no02.gif) 
			center left no-repeat;text-indent: 1.5em;}	
			ul li:nth-of-type(3){background:url(img/book_no03.gif) 
			center left no-repeat;text-indent: 1.5em;}
			ul li:nth-of-type(4){background:url(img/book_no04.gif) 
			center left no-repeat;text-indent: 1.5em;}	
			ul li:nth-of-type(5){background:url(img/book_no05.gif) 
			center left no-repeat;text-indent: 1.5em;}
			ul li:nth-of-type(6){background:url(img/book_no06.gif) 
			center left no-repeat;text-indent: 1.5em;}
			ul li:nth-of-type(7){background:url(img/book_no07.gif) 
			center left no-repeat;text-indent: 1.5em;}	
			ul li:nth-of-type(8){background:url(img/book_no08.gif) 
			center left no-repeat;text-indent: 1.5em;}	
			ul li:nth-of-type(9){background:url(img/book_no09.gif) 
			center left no-repeat;text-indent: 1.5em;}	
			ul li:nth-of-type(10){background:url(img/book_no10.gif) 
			center left no-repeat;text-indent: 1.5em;}																														
		</style>
	</head>
	<body>
		<div id="we">
			<p>畅销书排行</p>
<ul>
	
 <li><a href="#">不抱怨的世界(畅...</a></li>
 <li><a href="#">遇见未知的自己...</a></li>
 <li><a href="#">活法（季羡林、...</a></li>
 <li><a href="#">高效能人士的七个习惯</a></li>
 <li><a href="#">被迫强大（北外女生香奈儿...</a></li>
 <li><a href="#">遇见心想事成的自己（《遇...</a></li>
 <li><a href="#">世界上最伟大的推销员（插...</a></li>
 <li><a href="#">我的成功可以复制（唐骏亲...</a></li>
 <li><a href="#">少有人走的路：心智成熟的...</a></li>
 <li><a href="#">活出全新的自己——唤醒...</a></li>
</ul>
		</div>
		
	</body>
</html>
